<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HitOn 帮助文档</title>
<script type="text/javascript" src="https://static.waygc.net/jquery/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="./../dist/hiton.js"></script>
<link rel="stylesheet" type="text/css" href="./hiton.css" />
<style type="text/css">
.table_comment{width:150px;}
.table_view{width:600px;}
.table_name pre{
white-space: pre-wrap;
word-wrap: break-word;}
</style>
</head>
<body>
	<div id="about"></div>
	<div id="about"></div>
</body>
<script type="text/javascript">
const texts = [`
>>?[48]{关于HitOn}<<

**HitOn**是我之前和朋友开玩笑地说自己也能发明一个轻量级标记语言。  
之后在无聊的时候，就想着是不是真的能去实现一个标记语言来玩玩呢？

于是，就有了现在的**HitOn**。

**HitOn**是一个 markdown 的解析器。  
支持一些常见的 md 语法，**但单因为个人喜好问题，也有一些不兼容的地方。**

不过**HitOn**自身也不过是我自己写的一个玩具，
也因为这就是我图个乐子写的，所以什么时候支持更多功能，也不知道，
什么时候可以解决 Bug ，我不保证。

不爽你顺着网线过来咬我啊。

具体实现了哪些功能，不支持哪些功能，参见下表。
`
];

(function() {
	const hitOn = HitOn.create();
	const about = $("#about");
	for (const text of texts) {

		const dom = $("div");
		dom.html(hitOn.parse(text));

		about.append(dom);
	}

	const hitOnObj = [
		["_斜体字_","斜体字"],
		["**粗体字**","粗体字"],
		["~~删除线~~","删除线"],
		["==下划线==","下划线"],
		["~^{上标}","上标"],
		["~+{下标}","下标"],
		["###### 6级标题","6级标题"],
		["##### 5级标题","5级标题"],
		["#### 4级标题","4级标题"],
		["### 3级标题","3级标题"],
		["## 2级标题","2级标题"],
		["# 1级标题","1级标题"],
		["::[注音]{zhuyin}","注音"],
		["[[预定义段落\n这里就是第二行\n\n中间空两行\n\n<br \\/>标签无效]]","预定义段落"],
		["[超链接](https://www.baidu.com)","有描述超链接"],
		["[](https://www.baidu.com)","无描述超链接"],
		["![](http://waygc.net/res/imgs/LOGO.png)","无标题图像"],
		["![图像](http://waygc.net/res/imgs/LOGO.png)","有标题图像"],
		["!{http://waygc.net/res/imgs/LOGO.png}", "图像引用"],
		["<undeadway@163.com>","邮件"],
		["```javascript\nvar a = 'a';```","代码（依赖插件实现）"],
		["1. aaa\n2. bbb\n3. ccc\n","列表"],
		["|aaa|bbb|ccc|\n|---|---|---|\n|111|222|333|\n|abc|def|ghi|\n","表格"],
		["@(表格1)", "表格"],
		["@:{表格1}", "表格引用"],
		["?[48]{关于HitOn}","字体字号"],
		["#[FF0000]{红色字体}", "字体颜色"]
		["引用前\n\n>引用内容\n>引用引用\n>\n>>(引用标题)\n>>双重引用\n引用后","引用"],
		["前文字\n\n>>文字\n\n居中<<\n\n后文字","文字居中"],
		["前文字\n\n|:文字居左<<\n\n后文字","文字居左"],
		["前文字\n\n>>文字居右:|\n\n后文字","文字居右"],
		["`单行 代码`","单行代码"]
	];

	const table = $("table");
	for (const [ source, comment ] of hitOnObj) {
		const tr = $("tr");
		const td1 = $("td");
		td1.html(hitOn.parse(source));
		td2 = $("td");
		td2.html(comment);

		tr.append(td1);
		tr.append(td2);
		table.append(tr);
	}

	about.append(table);
})();
</script>
</html>

